@import "tabs.css";

/* FIRST */

* { padding: 0; margin: 0; }
html, body { margin: 0; padding: 0; }
body { font: 62.5% Verdana, Tahoma, Arial, sans-serif; background: #8591B7 url(images/bg.jpg) repeat-y center; line-height: 1.3em;}

p { margin: 3px 0px 7px 0px;}
p.podpis { margin: 15px 0px 7px 0px; text-align: right; font-weight: bold;}

#content ul, #content ol {margin-top: 10px; margin-bottom: 10px;}
#content ul ul, #content ol ol {margin-top: 0px; margin-bottom: 0px;}
li {margin-left: 30px;} 

a { color: blue; text-decoration: none;}
a:hover { color: blue; text-decoration: underline; }
a:active { color: #FF0000; }

a.perelink {color: black;}
a.current_url {font-weight: bold; }
li.current_url a {font-weight: bold;}
li.current_url li a {font-weight: normal;}

li.current-page a {font-weight: bold;}
li.current-page li a {font-weight: normal;}

a img { border: none; text-decoration: none;} /* ie fix*/
a img, a:visited img, a:hover img, a img:hover, img+a, img+a:hover { border: none; text-decoration: none;}



/* H */
h1 {font-size: 14pt; margin: 10px 0 10px 0; color: #3C5FB3; font-weight: normal; line-height: 1.2em; }
h1.category {font-size: 16pt; border-bottom: 1px solid #3C5FB3;}
#content h1 {border-bottom: 1px dotted #3C5FB3; line-height: 1.4em;}
#content h1 a {color: #4268C0;}
#content h1 a:hover {text-decoration: none; color: blue;}

h2 {font-size: 11pt; margin: 5px 0 10px 0; color: #5366A0;}
h2.box {margin: 0 0 5px 0;}
h2.last_comment {font-size: 9pt; margin-top: 10px; color: #404040; border-bottom: solid gray 1px;}

h3 {font-size: 10pt; margin: 5px 0 10px 0;}
h4 {font-size: 9pt; margin: 5px 0 10px 0;}
h5 {font-size: 8pt; margin: 5px 0 10px 0;}
h6 {font-size: 7pt; margin: 5px 0 10px 0;}

pre { margin: 10px 0; background: #E8E8E8 url(images/note.png) no-repeat 445px 5px; padding: 10px; border: 1px solid #DDDDDD; overflow: auto; font-size: 10pt;}
*html pre {width: 410px;}
*+html pre {width: 410px; }

blockquote {padding: 10px; margin: 15px 0 10px 40px; background: #E8E8E8;}
blockquote p {width: 100%; margin: 0; }

/* STRUCTURE */

#container {width: 910px; margin: 0px auto; font-size: 9pt; line-height: 1.4em; background: white url(images/bg-cont.gif) repeat-y right;}

#header1 {background: #D5D5E1;}
#MainMenu {}
* html #MainMenu {width: 660px;}
*+html #MainMenu {width: 660px;}
div.header-searh {float: right; width: 240px; text-align: right; padding: 4px 4px 0 0;}

#header2 {border-top: 6px solid #3C5FB3; border-bottom: 2px solid #B7BECE; height: 211px; background: #D5D5E1 url("images/h2.jpg") no-repeat;}
#header2 h1 {font-size: 18pt; padding: 10px 0 0 10px; color: #51669F;}
#header2 h1 a { color: #30407F;}
#header2 h1 a:hover {text-decoration: underline; }
#header2 h2 {margin: 0px 0 0 10px; font-size: 10pt; font-weight: normal; color: #202080;}

#header3 {margin: 10px; padding: 5px; border: 1px solid #E0E0E0; text-align: center; color: gray;}

#sub-container {width: 100%;}

#wrapper {float: left; width: 100%;}
*html #wrapper {overflow: hidden;}
*+html #wrapper {overflow: hidden;}

#content {margin: 0 410px 0 0; padding: 10px 20px 0 15px; }
*html #content {overflow: hidden;}
*+html #content {overflow: hidden;}


#sidebars {float: left; width: 410px; margin-left: -410px; padding: 0; }

#sidebar-top { margin: -5px 0 5px 0; }
#sidebar-top div.wrap {margin: 10px 10px 0 10px; padding: 10px 0 0 0;}

#sidebar1 {float: left; width: 205px; }
*html #sidebar1 {overflow: hidden;}
*+html #sidebar1 {overflow: hidden;}
#sidebar1 div.wrap {margin: 5px 5px 0 10px;}

#sidebar2 {float: right; width: 205px;}
*html #sidebar2 {overflow: hidden;}
*+html #sidebar2 {overflow: hidden;}
#sidebar2 div.wrap {margin: 5px 10px 0 5px;}

#footer {clear: both; color: #404040; margin: 0; padding: 5px; text-align: center; font-size: 8pt; background: #D5D5E1;}
#footer a {color: #404040; }



/* DIV */

div.widget { border: 1px solid #86A7CA; border-bottom: 3px solid #86A7CA; border-right: 2px solid #86A7CA; background: #E6F1FF; -moz-border-radius: 10px; margin: 0 0 10px 0;}
div.w0 { padding: 0px; }
div.w1 { padding: 5px; }
div.w2 { }


div.twitter {}
div.twitter p {border-bottom: 1px solid #5368A1; padding: 0 0 10px 0;}
div.twitter a {font-weight: bold;}

div.pagination {border-top: 1px solid #5368A1; border-bottom: 1px solid #5368A1; padding: 3px; font-size: 8pt; margin: 25px 0 10px 0; text-align: center;}
div.pagination strong {background: #8591B7; padding: 2px;}

div.loginform {padding: 20px 20px 20px 15px; border: 1px solid #D5DDF3; background: #F0F0FB;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

div.loginform p.header {font-size: 1.2em; text-align: center; margin: 0 0 15px 0; background: #3C5FB3; color: white; padding: 3px;}

form.flogin span {font-weight: bold;}
form.flogin input.flogin_user {width: 98%;}
form.flogin input.flogin_password {width: 98%;}
form.flogin input.flogin_submit {margin: 5px 0;}
form.flogin div.form-end {margin: 15px 0 0 0; text-align: right;}
form.flogin div.login-form-auth {font-size: .9em;}

div.page_content {margin-bottom: 20px;}
div.info {margin: 0 0 10px 0; font-size: 8pt; color: gray; line-height: 1.4em; }
div.info span {font-weight: bold;}

div.tagclouds {text-align: center;}
div.tagclouds span {line-height: 1.4em;}

div.catclouds {text-align: center;}
div.catclouds span {line-height: 1.4em;}

div.home_top {background: #E6F1FF; padding: 1px 5px;}

div.page_other_pages {margin: 20px 0 20px 0;}
div.page_other_pages h3 {color: black; margin: 0 0 5px 0; background: #E8E8E8; padding: 3px;}
div.page_other_pages ul {list-style-type: square;}


div.gallery {border: 5px double white; background: #E4EAEE; padding: 7px 3px 3px 3px; text-align: justify;}
div.gallery img {border: 1px solid #7E7E82; margin: 0 4px; }
div.gallery img:hover {border: 1px solid #922A35; }
div.gallery div {text-align: left; font-weight: bold; margin: 0 0 3px 3px;}

div.category_desc {margin: 0 0 20px 0; }

/* LIST */
ul.is_link {margin: 0px 0px 10px 3px; padding: 0px; list-style-type: none; line-height: 1.5em;}

ul.is_link ul {list-style-type: none;}

ul.is_link li {margin: 0px; background: url(images/bullet.jpg) no-repeat 0 6px; padding: 0 0 0 14px;}
ul.is_link li li {margin-left: 5px; }

li.level0, li.level0 a {}
li.count0 {color: grey;}

ul.category {color: gray;}
ul.category div.category_desc {color: gray;}


ul.last_comment {font-size: 8pt; }
ul.last_comment em {display: block; color: gray; text-align: right;}
ul.last_comment li {margin-bottom: 7px;}

div.comments ul.last_comment li {margin: 5px 0;}

ul.links div {margin: 0px 0 5px 0; font-style: italic; color: gray; line-height: 1.0em; font-size: 0.9em;}


/* CALENDAR */
div.calendar table {width: 100%;}
div.calendar td {border: 1px solid white; text-align: center; padding: 1px; font-size: 8pt;}
div.calendar tr.week td {background: #D5D5E1;}
div.calendar div.today {background: #8591B7;}
div.calendar div.today-content {background: #8591B7;}
div.calendar td a {text-decoration: underline;}


/* COMMENT FORM */

div.comment-form {}

div.comments-auth {background: #E5E5F1; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 10px; margin: 10px 0; border: 1px solid #8591B7;}

div.comment-form div.comments-noreg {}
div.comment-form div.comments-reg {margin: 0;}
div.comment-form div.sep {border-top: 1px solid #8591B7; margin-top: 10px; padding-top: 5px;}

div.comment-form div.comments-textarea {border: 1px solid #8591B7; margin: 10px 0; background: #E5F1E5; padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

div.comment-form input[type="radio"] {position: relative; top: 1px; cursor: pointer;}

table.no-border, table.no-border td {border: none; padding: 0; vertical-align: top; border-collapse: collapse; border-spacing: 0;}
div.comment-form table {width: 100%;}
div.comment-form td {padding: 2px;}
div.comment-form td.t1 {width: 85px; text-align: right;}
div.comment-form td.t2 input {width: 100%;}
div.comment-form p.hint {margin: 0 0 5px 90px; font-size: .9em; color: gray; font-style: italic; line-height: 1.2em;}
div.comment-form p.radio {font-weight: bold;}

div.comment-form textarea {width: 99%; margin: 3px;}
*html div.comment-form textarea {width: 95%; margin: 3px;}

div.comment-form p.you-comment {font-weight: bold;}

div.comment-form img { position: relative; top: 7px; }

div.comment-form .comment_button input {margin: 0px; padding: 0 5px; font-size: 8pt;}

div.comment-form div.comments-user {border: 1px solid #8591B7; margin: 10px 0; background: #E5F1E5; padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-weight: bold;}

div.comment-ok {background: #40A040; color: white; padding: 10px; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-weight: bold;}
div.comment-error {background: #FF4040; color: white; padding: 10px; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-weight: bold;}



/* COMMENTS */

div.comments {margin: 20px 0 0 0;}
div.comments ul, div.comments ol {margin: 10px 0 20px 0;}
div.comments li {margin: 0 0 20px 30px;}
div.comments li span { font-style: italic;}

div.comments li.users {color: maroon;}
div.comments li.users a {color: maroon;}
div.comments li.users span.date a {}
div.comments li.users span.url a {color: maroon;}

div.comments li.comusers {color: green;}
div.comments li.comusers a {color: green;}
div.comments li.comusers span.date a {}
div.comments li.comusers span.url a {color: green;}

div.comments li.anonim {color: gray;}
div.comments li.anonim a {color: gray;}
div.comments li.anonim span.date a {}
div.comments li.anonim span.url {color: gray;}
div.comments li.anonim span.url a {color: gray;}

div.comments div.comments_content {color: black;}

div.comments h3.comments {background: #E8E8E8; padding: 3px;}
div.comments blockquote {margin-left: 0; padding: 10px; border-left: 2px gray solid;}

div.comments-link {margin: 10px 0 0 0; text-align: right; font-size: 8pt;}


/* comusers*/

form.comusers-form p strong {width: 180px; display: block; float: left;}
form.comusers-form p input {width: 260px; }
form.comusers-form p input[type="submit"] {width: 120px; }
form.comusers-form p input[type="checkbox"] {width: auto; margin-top: 3px;}
form.comusers-form p textarea {width: 260px; height: 300px;}
form.comusers-form p  {background: #EEEEEE;}
form.comusers-form p.info  {background: none; color: #B00000; margin: 0 0 15px 0; border: 1px solid #B00000; padding: 3px; text-align: center;}


/* SITEMAP */
div.sitemap ul {list-style-type: none; margin: 0;}
div.sitemap h3 {margin: 15px 0 5px 0;}
h2.sitemap {margin: 25px 0 0 0; background: #DDDDDD; padding: 3px;}

/* IMG */
img.text {margin: 5px 10px 5px 0px;}
img.text-left {float: left; margin: 5px 10px 5px 0px;}
img.text-right {float: right; margin: 5px 0 5px 10px;}
img.text-center {margin: 0 auto; display: block;}
img.border {border: 1px solid #3D61B6; }

img.left {float: left; margin: 5px 10px 5px 0px;}
img.right {float: right; margin: 5px 0 5px 10px;}
img.center {margin: 0 auto; display: block;}

img.smiley {vertical-align: middle;}

/*  PRE to OL */
div.pre {background: #F0F0F0; padding: 5px; overflow: auto; width: 99%; margin: 0 0 10px 0;}
ol.pre { font-family: monospace; padding: 0; margin: 0 0 0 30px;  }
ol.pre li {padding: 0; margin: 0; white-space: pre; }
ol.pre li.odd {background: none;}
ol.pre span.php-comment {color: gray;}


/*FORMS*/
div.forms {background: #eeeeee; padding: 10px 5px 0 5px; border: #E0E0E0 1px solid;}
div.forms div {margin: 5px 0 15px 0; }
div.forms div.break {height: 0; padding: 0; margin: 0; clear: both; }
div.forms span {display: block; float: left; text-align: right; width: 165px; padding: 0 10px 0 0;}
div.forms div.tip {margin-left: 175px; font-style: italic; font-size: 0.8em;}
div.forms input {width: 270px;}
div.forms select {width: 270px;}
div.forms textarea {height: 100px; width: 270px;}
div.forms input.forms_checkbox {width: auto;}
div.forms input.forms_submit {width: auto;}
div.forms input.forms_reset {width: auto;}
div.forms label {cursor: pointer;}
div.forms-post h2 {color: red; font-size: 18pt; margin: 20px 0;}

/* OTHER */
span.cut {display: block; }
div.break {clear: both;}
label {cursor: pointer;}